.tw-root--theme-dark, html {
	body,
	.creator-chat-stats-carousel,
	.channel-header,
	.channel-root__right-column,
	.chat-viewers__pane,
	.sunlight-tile,
	.multi-stream-player-layout,
	.carousel-player-nav-arrow__container {
		background-color: var(--color-background-body) !important;
	}

	.clmgr-table__row,
	.sunlight-expanded-nav-drop-down-menu-layout__scrollable-area,
	.stream-manager--page-view .mosaic-window-body,
	.emote-grid-section__header-title,
	.ach-card,
	.ach-card--expanded .ach-card__inner,
	.room-upsell,
	.chat-room,
	.video-chat,
	.qa-vod-chat,
	.extensions-popover-view-layout,
	.modview-dock-widget__preview__body > div,
	.carousel-metadata,
	.video-card {
		background-color: var(--color-background-base) !important;
	}

	.whispers-list-item__archive,
	.whispers-list-item .whispers-list-item__archive-button,
	.top-stats-tab:hover,
	.whispers-list-item--selected,
	.side-nav__overlay-wrapper,
	.thread-header__title-bar-container {
		background-color: var(--color-background-alt) !important;
	}

	.whispers-list-item:hover .whispers-list-item__archive-button:hover,
	.clmgr-table__row:hover,
	.last-x-events_collapsed_item,
	.thread-header__title-bar-container.thread-header__title-bar-container--focused,
	.whispers-list-item:hover,
	.side-nav-card__link:hover {
		background-color: var(--color-background-alt-2) !important;
	}

	.thread-header__title-bar-container--highlighted,
	.thread-header__title-bar-container--highlighted {
		background-color: var(--color-background-button) !important;

		&:hover {
			background-color: var(--color-background-button-hover) !important;
		}
	}

	.last-x-events_expanded_item_detail_icon,
	.last-x-events_collapsed_item_detail {
		background-color: var(--color-background-brand);
	}

	.top-stats-tab,
	.channel-header__user {
		color: var(--color-text-base) !important;
	}

	.chat-line__timestamp,
	.chat-line__moderation,
	.chat-line__status {
		color: var(--color-text-alt-2) !important;
	}

	.chat-viewers-list__button {
		color: var(--color-text-link) !important;
	}

	.edit-stream-info-buttons {
		box-shadow: 0 -2rem 1.5rem var(--color-background-base) !important;
	}

	.quick-action__not-edit-mode:not([disabled]) {
		&:focus, &:hover {
			background-color: var(--ffz-color-accent-8) !important;
		}
	}

	.ach-q-card {
		box-shadow: 0 0 0 1px var(--color-border-button) !important;
	}

	.ach-link:active .ach-card, .ach-link:focus .ach-card {
		outline: .5rem auto var(--color-border-input-focus) !important;
	}

	.persistent-notification__card-image-unread,
	.ach-card--expanded .ach-card__inner {
		border-color: var(--color-border-brand) !important;
	}

	.carousel-metadata--fadeout {
		background: linear-gradient(
			180deg,
			transparent 0,
			var(--color-background-base) 80%,
			var(--color-background-base) 100%
		);
	}

	.creator-chat-stats-carousel__right-arrow {
		background: linear-gradient(270deg, var(--color-background-body) 60%, transparent) !important;
	}

	.creator-chat-stats-carousel__left-arrow {
		background: linear-gradient(90deg, var(--color-background-body) 60%, transparent) !important;
	}

	.directory-header-new__banner-cover {
		background: linear-gradient(0deg,
			var(--color-background-body),
			color-mix(in srgb, var(--color-background-body) 25%, transparent)
		), linear-gradient(90deg,
			var(--color-background-body),
			color-mix(in srgb, var(--color-background-body) 25%, transparent)
		);
	}

	.emote-picker__emote-link {
		&:hover {
			background-color: var(--color-background-button-text-hover) !important;
		}
		&:active,&:focus {
			background-color: var(--color-background-button-text-active) !important;
		}
	}
}

html {
	.navigation-link.active, .navigation-link:hover {
		color: var(--ffz-color-accent-9) !important;
	}

	.search-result-verified-badge,
	.search-item__history {
		color: var(--ffz-color-accent-8) !important;
	}

	.navigation-link__active-indicator {
		background-color: var(--ffz-color-accent-8) !important;
	}
}

.tw-root--theme-dark, .dark-theme {
	.navigation-link.active, .navigation-link:hover {
		color: var(--ffz-color-accent-10) !important;
	}

	.search-result-verified-badge,
	.search-item__history {
		color: var(--ffz-color-accent-10) !important;
	}

	.navigation-link__active-indicator {
		color: var(--ffz-color-accent-10) !important;
	}
}

html, .tw-root--theme-dark, .tw-root--theme-light {
	.search-box__variant1 .tw-input {
		border-color: var(--color-background-button-primary-default) !important;
	}
}

.subtember-gradient {
	--color-text-base: #0e0c10;
	--color-fill-button-icon: #0e0c10;

	color: var(--color-text-base);
}
